<template>
	<view class="content">

		<view class="form">
			<!-- 学生信息 -->
			<view class="Students">
				<view style="display: flex; align-items: center;justify-content: space-between;">
					<h5>学生信息</h5>
					<view style="display: flex; align-items: center;" @tap="goIllustrate">
						<image style="width: 31rpx; height: 31rpx;margin-right: 10rpx;"
							src="../../static/image/wenhao.png" mode=""></image>
						<text style="font-size: 30rpx;font-weight: bold;color: #FF6A55;">说明</text>
					</view>
				</view>
				<view class="stud">
					<u-form-item label-width="445rpx" height="120rpx" label="学生姓名">
						<u-input input-align="right" placeholder="请输入您的姓名" v-model="form.studentName"
							@blur="changeStudentName" /></u-form-item>
					<u-form-item label-width="440rpx" height="120rpx" label="学生性别">
						<radio-group bindchange="radioChange" @change="choose">
							<radio value="1" :checked="checked1" style="margin-right: 43rpx;">
								<text class="radio-text-laebl">男</text>
							</radio>
							<radio value="2" :checked="checked2">
								<text class="radio-text-laebl">女</text>
							</radio>
						</radio-group>
					</u-form-item>
					<u-form-item label-width="400rpx" height="120rpx" label="学员年级">
						<picker mode="multiSelector" @change="bindMultiPickerChange"
							@columnchange="bindMultiPickerColumnChange" :value="multiIndex" :range="multiArray">
							<view class="picker">
								{{gradeName}}
							</view>
						</picker>
					</u-form-item>
					<u-form-item :border-bottom="false" label-position="top" label-width="445rpx" height="120rpx"
						label="学生情况"><u-input :clearable="false" type="textarea" placeholder="请介绍学生目前的学习成绩及其学习情况描述"
							v-model="form.studySituation" @blur="changeSituation" /></u-form-item>
				</view>
			</view>
			<!-- 辅导信息 -->
			<view class="counselling">
				<h5>辅导信息</h5>
				<view class="fudao">
					<view class="subject">
						<text style="font-weight: 800;">辅导科目</text>
						<u-tabs fontSize="24rpx" active-color="#FF6E56" inactive-color="#333333" :list="list"
							:is-scroll="false" :current="current" @change="change"></u-tabs>
					</view>
					<view class="leibie">
						<view :class="currents===index ? 'blue' :'border'" @click="changeCate(index,item.id)"
							v-for="(item,index) in leibie" :key="index">
							{{item.categoryName}}
						</view>
					</view>
					<view class="time">

						<u-form-item :border-bottom="false" label-width="152rpx" height="120rpx" label="其他科目:"
							style="	font-size: 30rpx;">
							<view
								style="width: 474rpx;height: 73rpx;background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 10rpx;padding-left: 28rpx;">
								<u-input placeholder="请输入其他科目" v-model="form.subjectRemark"
									@blur="changesubjectRemark" />
							</view>
						</u-form-item>
						
						<!-- 
						<view class="num">
							<text>辅导次数: </text>
							<view class="" @tap="fudaoNum">
								<text>{{fudaoName}}</text>
								<text class="iconfont icon-xiangxia"></text>
							</view>

						</view> -->
						<view class="num">
							<text>辅导次数: </text>
							<view class="">
								<picker mode="selector" range-key="label" @change="bindPickerChangesNum" :value="index"
									:range="fudao">
									<view class="view"
										style="display: flex; justify-content: space-between;align-items: center;padding-right: 20rpx;">
										<text>{{fudaoName ||'请输入辅导次数'}}</text>
										<text class="iconfont icon-xiangxia"></text>
									</view>
								</picker>
							</view>
						</view>
						<view class="num">
							<text>辅导时长: </text>
							<view class="">
								<picker mode="selector" range-key="label" @change="bindPickerChanges1" :value="index"
									:range="list1">
									<view class="view"
										style="display: flex; justify-content: space-between;align-items: center;padding-right: 20rpx;">
											<text>{{fudaomin ||'请输入辅导时长'}}</text>
											<text class="iconfont icon-xiangxia"></text>
									</view>
								</picker>
							</view>
						</view>
						<view class="hourly">
							<view class="shixin">
								<text>时薪范围:</text>
								<view style="font-size: 24rpx;color: #FF6B55;" @tap="salaryShow=true">
									<image style="width: 29rpx;height:22rpx;margin-right: 10rpx;vertical-align: middle;"
										src="/static/image/see.png" mode=""></image>
									<text>时薪参考</text>
								</view>
							</view>
							<view class="range">
								<view class="money">
									<u-input :clearable="false" v-model="form.salaryMin" :placeholder="null"
										input-align="center" type="number" @blur="minChange"></u-input>
								</view>
								-
								<view style="display: flex; align-items: center;">
									<view class="money" style="margin-right: 21rpx;">
										<u-input :clearable="false" v-model="form.salaryMax" :placeholder="null"
											input-align="center" type="number" @blur="maxChange"></u-input>
									</view>
									元/时
								</view>
							</view>
						</view>
						<view class="teaching">
							<text>可授课时间段:</text>
							<view class="choose">
								<view v-for="(item,index) in boxValue" :key="index" style="margin-top: 40rpx;">
									<view @tap="day(index)">
										<picker mode="selector" range-key="label" @change="bindPickerChanges"
											:range="list2">
											<view class="chooseTimes"
												style="display: flex; justify-content: space-between;align-items: center;">
												<text
													:style="{color: boxValue[index].week?'#000' : '#999' }">{{boxValue[index].week?boxValue[index].week : '选择日期'}}</text>
												<text class="iconfont icon-xiangxia"></text>
											</view>
										</picker>
										<!-- 			<text
											:style="{color: boxValue[index].week?'#000' : '#999' }">{{boxValue[index].week?boxValue[index].week : '选择日期'}}</text>
										<text class="iconfont icon-xiangxia"></text> -->
									</view>

									<view class="stend" @tap="day(index)">
										<view class="start">
											<picker mode="multiSelector" class="picker" style="width: 170rpx;"
												:style="{color: boxValue[index].start?'#000' : '#999' }"
												:range="startlist" @change="toSelect2" :value="[hourSelect,minSelect]">
												<view class="fbc">
													<view class="uni-input">{{boxValue[index].start ||'开始时间'}}</view>
													<text class="iconfont icon-xiangxia"></text>
												</view>
											</picker>


										</view>

										-
										<view class="start">
											<!-- 	<text style="font-size: 26rpx;"
												:style="{color: boxValue[index].end?'#000' : '#999' }">{{boxValue[index].end?boxValue[index].end : '结束时间'}}</text>
											<text class="iconfont icon-xiangxia"></text> -->
											<picker mode="multiSelector" class="picker" style="width: 170rpx;"
												:style="{color: boxValue[index].end?'#000' : '#999' }" :range="endlist"
												@change="toSelect3" :value="[hourSelect+1,minSelect]">
												<view class="fbc">
													<view class="uni-input">{{ boxValue[index].end ||'结束时间'}}</view>
													<text class="iconfont icon-xiangxia"></text>
												</view>
											</picker>
										</view>
									</view>
									<view v-if="index < originalBoxCount">

									</view>
									<view class="del" @click="deleteBigBox(index)" v-else>
										<image style="width: 50rpx;height: 50rpx;"
											src="https://xiyanluo.oss-cn-beijing.aliyuncs.com/%E8%8D%94%E8%87%B4%E5%AE%B6%E6%95%99/del.png"
											mode=""></image>
									</view>
								</view>
							</view>
							<view @tap="addBox" class="add"
								style="display: flex; align-items: center;margin-top: 30rpx;">
								<image style="width: 40rpx;
			height: 40rpx; margin-right: 15rpx;" src="../../static/image/add.png" mode=""></image>
								<text style="font-size: 24rpx;color: #FF6D56;">继续添加时间段</text>
							</view>
						</view>

					</view>
				</view>

			</view>
			<!-- 老师要求 -->
			<view class="require">
				<h5>老师要求</h5>
				<view class="ask">
					<u-form-item label-width="200rpx" height="120rpx" label="老师性别">
						<radio-group bindchange="radioChange" @change="teachGender">
							<radio value="0" :checked="checked31" style="margin-right: 43rpx;">
								<text class="radio-text-laebl">男女不限</text>
							</radio>
							<radio value="1" :checked="checked3" style="margin-right: 43rpx;">
								<text class="radio-text-laebl">男</text>
							</radio>
							<radio value="2" :checked="checked4">
								<text class="radio-text-laebl">女</text>
							</radio>
						</radio-group>
					</u-form-item>
					<u-form-item label-width="490rpx" height="120rpx" label="老师类型">
						<picker mode="selector" range-key="label" @change="bindPickerChange" :value="index"
							:range="list3">
							<view class="chooseTime"
								style="display: flex; justify-content: space-between;align-items: center;">
								<text :style="{color: teacType?'#000' : '#999' }">{{teacType?teacType : '选择类型'}}</text>
								<text class="icon-rightarrow iconfont"></text>
							</view>
						</picker>
						<!-- 	<view class="chooseTime" @tap="teacherType"
							style="display: flex; justify-content: space-between;align-items: center;">
							<text :style="{color: teacType?'#000' : '#999' }">{{teacType?teacType : '选择类型'}}</text>
							<text class="icon-rightarrow iconfont"></text>
						</view> -->
					</u-form-item>
					<u-form-item :border-bottom="false" label-position="top" label-width="445rpx" height="120rpx"
						label="老师要求"><u-input :clearable="false" type="textarea" placeholder="请输入对老师的要求"
							v-model="form.teacherAsk" @blur="changeTask" /></u-form-item>
					<!-- 					<view style=" display: flex; justify-content: flex-end;text-align: center;align-items: center;">
						<u-checkbox-group :size="31">
							<u-checkbox v-model="value" active-color="red" :icon-size="30"
								@change="checkboxGroupChange">
							</u-checkbox>
						</u-checkbox-group>
						<text style="font-size: 24rpx;color: #FF6B55;">若该老师不同意报名，推荐其他老师</text>
					</view> -->
				</view>
			</view>
			<!-- 联系信息 -->

			<view class="contact">
				<h5>联系信息</h5>
				<view class="call">
					<u-form-item label-width="495rpx" height="120rpx" label="联系人姓名"><u-input input-align="right"
							placeholder="请输入姓名" v-model="form.linker" @blur="changelinkName" /></u-form-item>
					<u-form-item label-width="200rpx" height="120rpx" label="联系人电话">
						<view class="" style="display: flex; align-items: center; justify-content: space-between;">
							<u-input style="width: 175rpx;margin-right: 80rpx;" type="number" maxlength="11"
								:clearable="false" placeholder="请输入手机号" v-model="form.linkerPhone"
								@blur="changePhone" />
							<view class="" style="display: flex;align-items: center;" @tap="getPhone">
								<image style="width: 19rpx; height: 28rpx; margin-right: 10rpx;"
									src="/static/image/mobile.png" mode=""></image>
								<text style="font-size: 24rpx;color: #FF7458;">授权手机号</text>
							</view>
						</view>
					</u-form-item>
					<u-form-item label-width="290rpx" height="120rpx" label="授课地点">
						<radio-group bindchange="radioChange" @change="classType">
							<radio value="1" :checked="checkedone" style="margin-right: 43rpx;">
								<text class="radio-text-laebl">上门授课</text>
							</radio>
							<radio value="2" :checked="checkedtwo">
								<text class="radio-text-laebl">线上授课</text>
							</radio>
						</radio-group>
					</u-form-item>
					<view v-if="form.teachType==1">
						<view 
							style="display: flex; align-items: center; justify-content: space-between; height: 110rpx;">
							<view style="font-size: 30rpx;color: #333333;">上课地址</view>
							<view @tap="dingwie"
								style="font-size: 24rpx;color: #FF7458;text-align: right;display: felx;align-items: center;">
								<image
									style="width: 18rpx; height: 22rpx; vertical-align: middle; margin-right: 7rpx;margin-bottom: 5rpx;"
									src="/static/image/address.png" mode=""></image>
								<text>授权定位</text>
							</view>
							<!-- <text style="font-size: 26rpx;color: #999999;">{{form.region?form.region:'请选择定位城市'}}<text
									style="margin-left: 18rpx;" class="icon-rightarrow iconfont"></text> </text> -->
						</view>
						<view class="address">
							<u-input v-model="form.placeRemark" @blur="changeplace"></u-input>
						</view>
						<!-- <view @tap="dingwie"
							style="font-size: 24rpx;color: #FF7458;text-align: right; margin-top: 32rpx;display: felx;align-items: center;">
							<image
								style="width: 18rpx; height: 22rpx; vertical-align: middle; margin-right: 7rpx;margin-bottom: 5rpx;"
								src="/static/image/address.png" mode=""></image>
							<text>授权定位</text>
						</view> -->
					</view>
				</view>
			</view>
			<view class="foot">
				<view class="sub" @click="submit">确认提交</view>
			</view>
		</view>
		<u-mask :show="salaryShow" @click="salaryShow = false">
			<view class="warps">
				<view class="xinzi">
					<text>
						薪资参考
					</text>
					<view style="display: flex;align-items: center;justify-content: center;margin-top: 40rpx;">
						<image @tap="see" style="width: 536rpx;
			height: 247rpx;" :src="img" mode=""></image>
					</view>
					<view class="btn">
						确认
					</view>
					<text style="font-size: 22rpx;
font-weight: bold;
color: #999999;">仅供参考</text>
				</view>

			</view>
		</u-mask>
		<u-mask :show="maskShow">
			<view class="warp">
				<view class="bgc">
					<text style="font-size: 30rpx;font-weight: bold;color: #333333;">预约发布完成，等待审核</text>
					<view
						style="display: flex;  justify-content: center;text-align: left;align-items: center;margin-top: 15rpx;">
						<image style="width: 22rpx;height: 148rpx;margin-right: 20rpx;"
							src="https://xiyanluo.oss-cn-beijing.aliyuncs.com/%E8%8D%94%E8%87%B4%E5%AE%B6%E6%95%99/shenhe.png"
							mode=""></image>
						<view class="weight">
							<p>等待老师投递简历;</p>
							<p>筛选老师并支付试课费;</p>
							<p>选择购课录用老师</p>
						</view>
					</view>
					<view class="erweima" style="margin-top: 35rpx;margin-bottom: 40rpx;">
						<image style="width: 192rpx;height: 192rpx;" :src="erweimas" mode=""></image>
					</view>
					<text style="font-size: 30rpx;font-weight: bold;color: #FF6B55;">专属客服二维码</text>
					<view class="back" @tap="back">
						返回首页
					</view>
				</view>
			</view>
		</u-mask>
		<u-select @confirm="confirm1" v-model="show" :list="fudao"></u-select>
		<u-select @confirm="confirm2" v-model="show1" :list="list1"></u-select>
		<u-select @confirm="confirm3" v-model="show2" :list="list2"></u-select>
		<!-- <u-select @confirm="confirm6" mode="mutil-column-auto" v-model="show5" :list="list3"></u-select> -->
		<u-select @confirm="confirm7" mode="mutil-column-auto" v-model="show6" :list="list4"></u-select>
		<!-- 		<u-picker @confirm="confirm4" ref="timerSta" mode="time":params="params"></u-picker>
		<u-picker @confirm="confirm5" ref="timerEnd" mode="time"  :params="params1"></u-picker> -->
		<!-- 	<time-picker minutesInterval="30" useSlot v-model="show3" :defaultTime="defaultTime" :params="params2"
			:showTimeTag="true" :hourBegin="hourBegin" :hourEnd="hourEnd" @confirm="confirm4">

		</time-picker>
		<time-picker minutesInterval="30" useSlot v-model="show4" :defaultTime="defaultTime" :params="params2"
			:showTimeTag="true" :hourBegin="hourBegin" :hourEnd="hourEnd" @confirm="confirm5">

		</time-picker> -->
	</view>
</template>

<script>
	import QQMapWX from '@/common/qqmap-wx-jssdk1.1/qqmap-wx-jssdk.min.js'
	import timePicker from '../../components/time-picker/time-picker.vue'
	export default {
		components: {
			timePicker
		},
		data() {
			return {
				checkedone: false,
				checkedtwo: true,
				gradeName: '',
				startlist: [
					['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15',
						'16', '17', '18', '19', '20', '21', '22', '23', '24'
					],
					['00', '30']
				],
				endlist: [
					['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15',
						'16', '17', '18', '19', '20', '21', '22', '23', '24'
					],
					['00', '30']
				],
				multiArray: [],
				multiIndex: [0, 0],
				//数据格式
				array: [{
						id: 0,
						name: '大类1',
						categoryVOList: [{
							id: 10,
							name: '小类1'
						}, {
							id: 11,
							name: '小类11'
						}]
					},
					{
						id: 1,
						name: '大类2',
						categoryVOList: [{
							id: 20,
							name: '小类2'
						}]
					}
				],
				oneId: 0,
				twoId: 0,


				objectMultiArray: [
					[{
							id: 0,
							name: '无脊柱动物'
						},
						{
							id: 1,
							name: '脊柱动物'
						}
					],
					[{
							id: 0,
							name: '扁性动物'
						},
						{
							id: 1,
							name: '线形动物'
						},
						{
							id: 2,
							name: '环节动物'
						},
						{
							id: 3,
							name: '软体动物'
						},
						{
							id: 4,
							name: '节肢动物'
						}
					],
					[{
							id: 0,
							name: '猪肉绦虫'
						},
						{
							id: 1,
							name: '吸血虫'
						}
					]
				],
				multiIndex: [0, 0, 0],
				index: 0,
				hourBegin: '00',
				hourEnd: '23',
				defaultTime: new Date(),
				params2: {
					// year: true,
					// month: true,
					// day: true,
					hour: true,
					minute: true,
				},
				teachGenders: 0,
				maskShow: false,
				name: '',
				show: false,
				show1: false,
				show2: false,
				show3: false,
				show4: false,
				show5: false,
				show6: false,
				salaryShow: false,
				checked1: false,
				checked2: false,
				checked3: false,
				checked31: false,
				checked4: false,
				list: [{
						name: '幼儿'
					}, {
						name: '小学'
					}, {
						name: '初中',
					},
					{
						name: '高中',
					},
					{
						name: '成人',
					},
					{
						name: '艺术',
					},
				],
				list1: [{
						value: '1',
						label: '1小时/次'
					},
					{
						value: '2',
						label: '1.5小时/次'
					},
					{
						value: '3',
						label: '全天6-8小时/次'
					}
				],
				list2: [{
						value: '1',
						label: '周一'
					},
					{
						value: '2',
						label: '周二'
					},
					{
						value: '3',
						label: '周三'
					},
					{
						value: '4',
						label: '周四'
					},
					{
						value: '5',
						label: '周五'
					},
					{
						value: '6',
						label: '周六'
					},
					{
						value: '7',
						label: '周日'
					},
				],
				list3: [

				],
				list4: [],
				leibie: [{
						name: '小学语文'
					},
					{
						name: '小学教学'
					},
					{
						name: '小学英语'
					},
					{
						name: '小学奥数'
					},
					{
						name: '小学拼音'
					},
				],
				params: {
					year: false,
					month: false,
					day: false,
					hour: true,
					minute: true,
					second: false
				},
				params1: {
					year: false,
					month: false,
					day: false,
					hour: true,
					minute: true,
					second: false
				},
				week: '',
				start: '',
				end: '',
				form: {
					orderType: 1,
					trialTimes: '', //辅导次数
					counsellingDuration: 31, //辅导时长
					counsellingStage: '', //辅导阶段
					counsellingSubject: '', //辅导科目
					subjectRemark: '', //科目备注
					educationOrderDateDTOList: [], //授课时段
					gender: '', //性别:1男；2女；
					linker: '', //联系人
					linkerPhone: '', //联系电话
					region: '', //授课地点
					placeRemark: '', //地点备注
					salaryMax: '', //薪资范围（最大）
					salaryMin: '', //薪资范围（最小）
					studentName: '', //学生姓名
					studyGrade: 48, //学习年级
					studySituation: '', //学员情况
					studyStage: 15, //学习阶段	
					teachType: 2, //授课类别:1上门授课；2线上授课,
					teacherAsk: '', //老师要求
					teacherGender: 0, //老师性别:0:不限；1男；2女；
					teacherType: '', //老师类别
					// openRecommend: 1,
					courseType: 1,
					lgt: uni.getStorageSync('lgt'), //经度
					lat: uni.getStorageSync('lat'), //维度
				},
				startTime: '开始时间',
				endTime: '结束时间',
				fudao: [],
				fudaoName: '',
				fudaomin: '',
				teacType: '',
				grades: '',
				boxIndex: null,
				boxValue: [{}],
				boxStaId: null,
				boxes: [{}], // 盒子集合
				originalBoxCount: 1, // 初始时有一个大盒子
				valuestute: '',
				// value: '',
				current: 0,
				currents: null,
				id: '',
				teacherDetail: {},
				img: '',
				erweimas: '',
				hourSelect: 0,
				minSelect: 0
			};
		},
		onLoad(options) {
			console.log('缓存信息=====', this.vuex_pushDetail)
			this.form.studentName = this.vuex_pushDetail.studentName ? this.vuex_pushDetail.studentName : ''
			this.form.gender = this.vuex_pushDetail.gender ? this.vuex_pushDetail.gender : ''
			this.form.studySituation = this.vuex_pushDetail.studySituation ? this.vuex_pushDetail.studySituation : ''
			this.form.counsellingStage = this.vuex_pushDetail.counsellingStage || ''
			this.form.counsellingSubject = this.vuex_pushDetail.counsellingSubject || ''
			this.form.subjectRemark = this.vuex_pushDetail.subjectRemark || ''
			this.form.counsellingDuration = this.vuex_pushDetail.counsellingDuration || ''
				this.form.trialTimes = this.vuex_pushDetail.trialTimes || ''
			this.form.salaryMax = this.vuex_pushDetail.salaryMax || ''
			this.form.salaryMin = this.vuex_pushDetail.salaryMin || ''
			this.form.teacherGender = this.vuex_pushDetail.teacherGender || ''
			this.form.teacherAsk = this.vuex_pushDetail.teacherAsk || ''
			this.form.teacherType = this.vuex_pushDetail.teacherType || ''
			this.form.linkerPhone = this.vuex_pushDetail.linkerPhone || ''
			this.form.linker = this.vuex_pushDetail.linker || ''
			this.form.teachType = this.vuex_pushDetail.teachType || '2'
			this.form.placeRemark = this.vuex_pushDetail.placeRemark || ''
			this.form.region = this.vuex_pushDetail.region || ''
			if (!this.vuex_pushDetail.boxValue) {
				this.boxValue = [{
					week: '',
					start: '',
					end: ''
				}]
			} else {
				this.boxValue = this.vuex_pushDetail.boxValue
			}
			// if(this.vuex_pushDetail.educationOrderDateDTOList){
			// 	this.vuex_pushDetail.educationOrderDateDTOList.map(item=>{
			// 		let obj={}
			// 		obj.week=item.weekDay
			// 		obj.start=item.startDate.split('-')[0]
			// 		obj.end=item.startDate.split('-')[1]
			// 		this.boxValue.push(obj)
			// 	})
			// }
			if (this.form.teachType == 1) {
				this.checkedone = true
				this.checkedtwo = false
			}
			if (this.form.teachType == 2) {
				this.checkedone = false
				this.checkedtwo = true
			}
			if (this.form.gender == 1) {
				this.checked1 = true
				this.checked2 = false
			}
			if (this.form.gender == 2) {
				this.checked1 = false
				this.checked2 = true
			}
			if (this.form.teacherGender == 0) {
				this.checked31 = true
			}
			if (this.form.teacherGender == 1) {
				this.checked3 = true
			}
			if (this.form.teacherGender == 2) {
				this.checked4 = true
			}
			setTimeout(() => {
				this.initData();
			}, 1000)
			this.fudaoTime()
			this.fudaoNum()
			this.grade()
			this.erweima()
			this.salary()
			// this.grade()
			this.teacherType()
			// uni.removeStorageSync('positioning')
			this.jieduan()
			this.id = options.id
			this.form.id=this.id
			// this.id = uni.getStorageSync('id');
			if (this.id) {
				this.getOrderDetail()
			}
		},

		onShow() {
			// 	console.log('缓存信息=====',this.vuex_pushDetail)
			// if(this.vuex_pushDetail){
			// 	this.form={}
			// 	this.form=this.vuex_pushDetail
			// }
			// this.city()

		},
		methods: {
			changeplace(e) {
				this.$u.vuex('vuex_pushDetail.placeRemark', this.form.placeRemark)
			},
			changelinkName(e) {
				this.$u.vuex('vuex_pushDetail.linker', this.form.linker)
			},
			changePhone(e) {
				this.$u.vuex('vuex_pushDetail.linkerPhone', this.form.linkerPhone)
			},
			changeTask(e) {
				this.$u.vuex('vuex_pushDetail.teacherAsk', this.form.teacherAsk)
			},
			minChange(e) {
				if (this.form.salaryMax && Number(this.form.salaryMin) > Number(this.form.salaryMax)) {
					this.form.salaryMin = ''
					this.$u.toast('超过最高时薪')
				}
				this.$u.vuex('vuex_pushDetail.salaryMin', this.form.salaryMin)
			},
			maxChange(e) {
				if (this.form.salaryMin && Number(this.form.salaryMin) > Number(this.form.salaryMax)) {
					this.form.salaryMax = ''
					this.$u.toast('小于最低时薪')
				}
				this.$u.vuex('vuex_pushDetail.salaryMax', this.form.salaryMax)
			},
			changesubjectRemark(e) {
				this.$u.vuex('vuex_pushDetail.subjectRemark', this.form.subjectRemark)
			},
			changeSituation(e3) {
				this.$u.vuex('vuex_pushDetail.studySituation', this.form.studySituation)
			},
			changeStudentName(e) {
				this.$u.vuex('vuex_pushDetail.studentName', this.form.studentName)
			},
			toSelect2(e) {
				this.hourSelect = e.detail.value[0]
				this.minSelect = e.detail.value[1]
				let hour = this.startlist[0][e.detail.value[0]]
				let min = this.startlist[1][e.detail.value[1]]
				// if (this.boxValue[this.boxStaId].end) {
				// 	let end = Number(this.boxValue[this.boxStaId].end.split(':')[0] * 60) + Number(this.boxValue[this
				// 		.boxStaId].end.split(':')[1])
				// 	let start = Number(hour * 60) + Number(min)
				// 	if (Number(end - start) < 60) {
				// 		this.$u.toast('结束时间需晚于开始时间一小时！')
				// 		this.boxValue[this.boxStaId].start = ''
				// 		this.$forceUpdate()
				// 		return
				// 	} else {
				// 		this.boxValue[this.boxStaId].start = hour + ':' + min
				// 	}
				// } else {
				// 	this.boxValue[this.boxStaId].start = hour + ':' + min
				// }
				if(Number(hour<24)){
					this.boxValue[this.boxStaId].start = hour + ':' + min
					this.boxValue[this.boxStaId].end = Number(hour)+1 + ':' + min
				}
				else{
					this.boxValue[this.boxStaId].start = ''
					this.boxValue[this.boxStaId].end = ''
				}
				this.$u.vuex('vuex_pushDetail.boxValue', this.boxValue)
				this.$forceUpdate()

			},
			toSelect3(e) {
				let hour = this.endlist[0][e.detail.value[0]]
				let min = this.endlist[1][e.detail.value[1]]
				if (this.boxValue[this.boxStaId].start) {
					let start = Number(this.boxValue[this.boxStaId].start.split(':')[0] * 60) + Number(this.boxValue[this
						.boxStaId].start.split(':')[1])
					let end = Number(hour * 60) + Number(min)
					if (Number(end - start) < 60) {
						this.$u.toast('结束时间需晚于开始时间一小时！')
						this.boxValue[this.boxStaId].end = ''
						this.$forceUpdate()
						return
					} else {
						this.boxValue[this.boxStaId].end = hour + ':' + min
					}
				} else {
					this.boxValue[this.boxStaId].end = hour + ':' + min
				}
				this.$u.vuex('vuex_pushDetail.boxValue', this.boxValue)
				this.$forceUpdate()
			},
			see() {
				var imgArr = [];
				imgArr.push(this.img);
				console.log(imgArr)
				uni.previewImage({
					urls: imgArr,
					itemList: ['发送给朋友', '保存图片', '收藏']
				})
			},
			initData() {
				console.log('111', this.array);
				//首次加载渲染第一列和第二列数据
				const arrOne = this.array.map(item => {
					return item.name; // 此方法将第一列’名称'分到一个新数组中
					// 缓存
				});
				const arrTwo = this.array[0].categoryVOList.map(item => {
					return item.name; // 此方法将第二列’名称'分到一个新数组中
				});
				this.multiArray[0] = arrOne;
				this.multiArray[1] = arrTwo;
				this.oneId = this.array[0].id;
				this.twoId = this.array[0].categoryVOList[0].id;
				this.form.studyGrade = this.twoId
				this.form.studyStage = this.oneId
				this.gradeName = this.multiArray[0][0]+this.multiArray[1][this.multiIndex[1]]
				if (this.vuex_pushDetail.studyStage && !this.id) {
					this.form.studyStage = this.vuex_pushDetail.studyStage
					this.form.studyGrade = this.vuex_pushDetail.studyGrade
					this.array.map(item => {
						if (item.id == this.form.studyStage) {
							item.categoryVOList.map(items => {
								if (items.id == this.form.studyGrade) {
									this.gradeName =item.categoryName+items.categoryName
								}
							})
						}
					})
				}
				if (this.id) {
					this.gradeName = this.grades
					this.list.map((item, index) => {
						if (item.id == this.form.counsellingStage) {
							this.current = index
							this.leibie = this.list[this.current].categoryVOList
							if (this.form.counsellingSubject) {
								item.categoryVOList.map((items, indexs) => {
									if (items.id == this.form.counsellingSubject) {
										this.currents = indexs
									}
								})
							}
						}
					})
					// 辅导时长
					this.list1.map(item => {
						if (this.form.counsellingDuration == item.id) {
							this.fudaomin = item.label
						}
					})
					// 辅导次数
					this.fudao.map(item => {
						if (this.form.trialTimes == item.id) {
							this.fudaoName = item.label
						}
					})
				}
			},

			//滚动时候触发，
			bindMultiPickerColumnChange(e) {
				console.log(e.detail.column, "e.detail.column表示是第几列表示是第几列")
				if (e.detail.column === 0) {
					this.initSelect(e.detail.value);
					this.multiIndex[0] = e.detail.value;
				} else if (e.detail.column === 1) {
					this.multiIndex[1] = e.detail.value;
					console.log('detailvalue', e.detail.value);
					this.twoId = this.array[this.multiIndex[0]].categoryVOList[this.multiIndex[1]].id;
				}

				console.log(this.oneId, "打印第一列id");
				console.log(this.twoId, "打印第二列id");
			},

			//定义一个传入对应的’下标'为了拿到第一列id 和第二列的name和id的方法
			initSelect(index) {
				this.oneId = this.array[index].id; //拿到第一列id
				this.multiIndex[1] = 0; //将右边的数组的下标变回第一个显示
				this.$set(this.multiArray, 1, []); //清空对应右边数组的数据
				if (this.array[index].categoryVOList.length == 0) {
					console.log("如果右边长度等于0,那么清掉右边ID");
					this.twoId = "";
				} else {
					const arrTwo = this.array[index].categoryVOList.map(item => {
						return item.name; //将第一列的categoryVOList的数组遍历name返回到一个新数组接收
					});
					this.$set(this.multiArray, 1, arrTwo); //重新赋值到新的数组里
					this.twoId = this.array[index].categoryVOList[0].id; //升那么对SB一八en  t
				}
			},

			//点击确定时触发,这里点击处理自己的业务,应该就是拿到两个个id去请求
			bindMultiPickerChange(e) {
				// {{multiArray[0][multiIndex[0]]}} > {{multiArray[1][multiIndex[1]]}}
				console.log(e, 'qq');
				console.log('duiying id', this.oneId, this.twoId)
				this.form.studyGrade = this.twoId
				this.form.studyStage = this.oneId
				this.gradeName =this.array[this.multiIndex[0]].categoryName + this.array[this.multiIndex[0]].categoryVOList[this.multiIndex[1]].categoryName
				this.$u.vuex('vuex_pushDetail.studyGrade', this.twoId)
				this.$u.vuex('vuex_pushDetail.studyStage', this.oneId)
				console.log('id=====', this.vuex_pushDetail)
			},

			getPhone() {
				let that = this
				uni.showLoading({
					title: '授权中'
				});

				setTimeout(function() {
					that.form.linkerPhone = that.vuex_user.mobile
				}, 1000);
				setTimeout(function() {
					uni.hideLoading();
				}, 2000);
			},
			async erweima() {
				const res = await this.$u.api.kefu({
					code: 'SERVICE_CODE'
				})
				this.erweimas = res.description
			},
			async salary() {
				const res = await this.$u.api.kefu({
					code: 'SALARY_REFERENCE'
				})
				this.img = res.description
			},
			dingwie() {
				console.log(11111111);
				let that = this
				uni.chooseLocation({
					success: function(res) {
						console.log(res);
						that.form.placeRemark = res.address
						that.$u.vuex('vuex_pushDetail.placeRemark', that.form.placeRemark)
						that.$u.api.getAreas({
							address: res.address
						}).then(data => {
							that.form.region = data.city
							that.$u.vuex('vuex_pushDetail.region', that.form.region)
						})
					}
				});
			},
			goIllustrate() {
				uni.navigateTo({
					url: '/pages/science/illustrate'
				})
			},
			back() {
				this.maskShow = false
				uni.switchTab({
					url: '/pages/home/homeIndex'
				})
			},
			city() {
				this.form.region = uni.getStorageSync('positioning') || ''
				this.$u.vuex('vuex_pushDetail.region', this.form.region)
			},


			// 重新发布 修改信息
			async getOrderDetail() {
				const res = await this.$u.api.getOrderDetail({
					id: this.id
				})
				this.form.subjectRemark = res.subjectRemark
				if (res.educationOrderDateList) {
					this.boxValue = []
					res.educationOrderDateList.map(item => {
						const date = item.startDate.split('-')
						let obj = {}
						obj.week = item.weekDay
						obj.start = date[0]
						obj.end = date[1]
						this.boxValue.push(obj)
					})
				}
				this.form.studentName = res.studentName //学生姓名
				this.form.studySituation = res.studySituation //学生情况
				if (res.gender == 1) {
					this.checked1 = true
					this.checked2 = false
				} else {
					this.checked2 = true
					this.checked1 = false
				}
				this.form.gender = res.gender //学生性别
				// this.form.openRecommend = res.openRecommend //推荐
				this.form.teacherGender = res.teacherGender //老师性别
				if (this.form.teacherGender == 0) {
					this.checked31 = true
				}
				if (this.form.teacherGender == 1) {
					this.checked3 = true
				}
				if (this.form.teacherGender == 2) {
					this.checked4 = true
				}
				this.form.salaryMax = res.salaryMax
				this.form.salaryMin = res.salaryMin //时薪
				this.form.teacherAsk = res.teacherAsk //对老师的要求
				this.form.linker = res.linker //联系人
				this.form.linkerPhone = res.linkerPhone //联系人电话
				this.form.region = res.region //城市
				this.form.placeRemark = res.placeRemark //地点
				this.form.counsellingDuration = res.counsellingDuration
				this.fudaomin = res.counsellingDurationName //辅导时长
				this.form.studyGrade = res.studyGrade
				this.form.studyStage = res.studyStage
				this.grades = res.studyStageName+res.studyGradeName //年级
				this.form.counsellingSubject = res.counsellingSubject //辅导科目
				this.form.counsellingStage = res.counsellingStage
				this.form.trialTimes = res.trialTimes
				this.fudaoName = res.trialTimesName //辅导次数
				this.form.teacherType = res.teacherType
				this.teacType = res.teacherTypeName //老师类型
				this.form.teachType = res.teachType
				if (this.form.teachType == 2) {
					this.checkedone = false
					this.checkedtwo = true
				}
				if (this.form.teachType == 1) {
					this.checkedone = true
					this.checkedtwo = false
				}
				// this.teacherDay = this.orderDetail.educationOrderDateList
			},
			async fudaoNum() {
				this.fudao = await this.$u.api.getCate({
					categoryType: 8
				})
				this.fudao.map(item => {
					console.log(item);
					item.label = item.categoryName
					item.value = item.id
				})
				if (this.vuex_pushDetail.trialTimes) {
					this.fudao.map(item => {
						if (this.vuex_pushDetail.trialTimes == item.id) {
							this.fudaoName = item.label
						}
					})
				}
				// this.show = true
			},
			async fudaoTime() {
				this.list1 = await this.$u.api.getCate({
					categoryType: 5
				})
				this.list1.map(item => {
					item.label = item.categoryName
					item.value = item.id
				})
				console.log('辅导时长=', this.list1);
				if (this.vuex_pushDetail.counsellingDuration) {
					this.list1.map(item => {
						if (this.vuex_pushDetail.counsellingDuration == item.id) {
							this.fudaomin = item.label
						}
					})
				}
				// this.show1 = true
			},
			async teacherType() {
				this.list3 = await this.$u.api.getCate({
					categoryType: 1
				})

				this.list3.map((item, index) => {
					item.value = item.id
					item.label = item.categoryName
				})
				if (this.vuex_pushDetail.teacherType) {
					this.list3.map(item => {
						if (this.vuex_pushDetail.teacherType == item.id) {
							this.teacType = item.label
						}
					})
				}
				// this.show5 = true
			},
			// 学员年级
			async grade() {
				this.array = await this.$u.api.getCateTree({
					categoryType: 6
				})
				let arr = []
				this.array.map((item, index) => {
					item.value = item.id
					item.name = item.categoryName
					if (item.categoryVOList.length > 0) {
						item.children = item.categoryVOList
						// 二级
						item.children.map((item, index) => {
							item.value = item.id
							item.name = item.categoryName
							if (item.categoryVOList.length > 0) {
								item.children = item.categoryVOList
								// 三级
								item.children.map((item, index) => {
									item.value = item.id
									item.name = item.categoryName
									if (item.categoryVOList.length > 0) {
										item.children = item.categoryVOList
										// 四级
										item.children.map((item, index) => {
											item.value = item.id
											item.name = item.categoryName
										})
									} else {
										item.children = [{
											id: "",
											name: '',
											value: ''
										}]
									}
								})
							} else {
								item.children = [{
									id: "",
									label: '',
									value: ''
								}]
							}
						})
					}
				})
				// this.show6 = true
			},

			async jieduan() {
				this.list = await this.$u.api.getCateTree({
					categoryType: 2
				})
				let arr = []
				this.list.map(item => {
					item.name = item.categoryName
				})
				console.log('辅导科目===', this.list);
				this.leibie = this.list[this.current].categoryVOList
				if (this.vuex_pushDetail.counsellingStage || this.id) {
					this.list.map((item, index) => {
						if (item.id == this.form.counsellingStage) {
							this.current = index
							if (this.form.counsellingSubject) {
								item.categoryVOList.map((items, indexs) => {
									if (items.id == this.form.counsellingSubject) {
										this.currents = indexs
									}
								})
							}
						}
					})
					this.leibie = this.list[this.current].categoryVOList
				}
				// this.form.counsellingSubject = this.leibie[0].id
				// this.currents = 0 
				//这个地是干嘛的  这个 是获取科目的
			},
			choose(e) {
				console.log(e);
				this.form.gender = e.detail.value
				this.$u.vuex('vuex_pushDetail.gender', this.form.gender)
			},
			teachGender(e) {
				console.log(e);
				this.form.teacherGender = e.detail.value
				this.$u.vuex('vuex_pushDetail.teacherGender', this.form.teacherGender)
			},
			classType(e) {
				console.log(e);
				this.form.teachType = e.detail.value
				this.$u.vuex('vuex_pushDetail.teachType', this.form.teachType)
				if (this.form.teachType == 2) {
					uni.removeStorageSync('positioning')
					this.form.placeRemark = ''
					this.city()
				}
			},
			change(index) {
				console.log(index);
				this.current = index;
				this.leibie = this.list[this.current].categoryVOList
				this.currents = null
				this.form.counsellingSubject = null
				this.form.counsellingStage = this.list[this.current].id
				this.$u.vuex('vuex_pushDetail.counsellingStage', this.form.counsellingStage)
				// this.jieduan()

			},
			changeCate(index, id) {
				console.log(id);
				if (index == this.currents && this.form.counsellingSubject == id) {
					this.currents = null
					this.form.counsellingSubject = null
					this.$u.vuex('vuex_pushDetail.counsellingSubject', '')
					return
				}
				this.currents = index
				this.form.counsellingSubject = id
				this.$u.vuex('vuex_pushDetail.counsellingSubject', this.form.counsellingSubject)
			},
			confirm1(e) {
				this.form.trialTimes = e[0].value
				this.fudaoName = e[0].label
			},
			confirm2(e) {

				this.form.counsellingDuration = e[0].value
				this.fudaomin = e[0].label
			},
			bindPickerChanges1(e) {
				this.index = e.detail.value
				this.form.counsellingDuration = this.list1[this.index].id
				this.fudaomin = this.list1[this.index].label
				this.$u.vuex('vuex_pushDetail.counsellingDuration', this.form.counsellingDuration)
			},
			bindPickerChangesNum(e) {
				 let index = e.detail.value
				this.form.trialTimes = this.fudao[index].id
				this.fudaoName = this.fudao[index].label
				this.$u.vuex('vuex_pushDetail.trialTimes', this.form.trialTimes)
			},
			bindPickerChanges(e) {
				this.index = e.detail.value
				console.log(this.list2[this.index].label);
				this.boxValue[this.boxStaId].week = this.list2[this.index].label
				this.$u.vuex('vuex_pushDetail.boxValue', this.boxValue)
				this.$forceUpdate()
			},
			async bindPickerChange(e) {
				console.log(e, 'qqq');

				this.index = e.detail.value
				this.form.teacherType = this.list3[this.index].id
				this.teacType = this.list3[this.index].label
				this.$u.vuex('vuex_pushDetail.teacherType', this.form.teacherType)
			},
			// confirm6(e) {
			// 	console.log(e);
			// 	let list = e.filter(item => item.label.length > 0)
			// 	this.form.teacherType = list.map(item => item.value).join(',')
			// 	console.log(list, 'list');
			// 	this.teacType = list.map(item => item.label).join(',')
			// },
			confirm7(e) {
				console.log(e);
				let list = e.filter(item => item.label.length > 0)
				this.form.studyGrade = list[list.length - 1].value
				this.form.studyStage = list[0].value
				this.grades = list[list.length - 1].label
			},
			day(id) {
				this.boxStaId = null
				// this.show2 = true
				this.boxStaId = id
			},
			confirm3(e) {
				// 选择日期
				console.log(e);
				this.boxValue[this.boxStaId].week = e[0].label
				// this.week = e[0].label
			},
			confirm4(e) {
				//开始时间
				console.log(e);
				this.boxValue[this.boxStaId].start = `${e.hour}:${e.minute}`
				this.startTime = `${e.hour}:${e.minute}`
			},
			show3Start(name, id) {
				this.boxStaId = null
				if (name === 'start') this.show3 = true
				if (name === 'end') this.show4 = true
				this.boxStaId = id
			},
			confirm5(e) {
				// 结束时间
				console.log(e);
				// this.end = `${e.hour}:${e.minute}`
				this.boxValue[this.boxStaId].end = `${e.hour}:${e.minute}`
				this.endTime = `${e.hour}:${e.minute}`
			},

			addBox() {
				console.log('填过的时间段====', this.boxValue)
				if (!this.boxValue[this.boxValue.length - 1].end || !this.boxValue[this.boxValue.length - 1].start || !this
					.boxValue[this.boxValue.length - 1].week) {
					return this.$u.toast('请完善授课时间段')
				}
				this.boxValue.push({
					week: '',
					start: '',
					end: ''
				})
				// this.boxes.push({}); // 添加一个新的大盒子对象
			},
			deleteBigBox(index) {
				this.boxValue.splice(index, 1); // 根据索引删除对应的大盒子对象
				this.$u.vuex('vuex_pushDetail.boxValue', this.boxValue)
			},
			goAddres() {
				uni.navigateTo({
					url: '/pagesShop/address/address?name=address'
				})
			},
			// 提交
			async submit() {
				console.log('ssssssssss',this.form.gender)
				// let startHour = this.startTime.split(':')[0]
				// let startMinute = this.startTime.split(':')[1]
				// let endHour = this.endTime.split(':')[0]
				// let endMinute = this.endTime.split(':')[1]
				// if (startHour >= endHour) {
				// 	this.$u.toast('开始时间必须小于结束时间')
				// 	return
				// }
				// if (startHour == endHour && startMinute >= endMinute) {
				// 	this.$u.toast('开始时间必须小于结束时间')
				// 	return
				// }
				if (!this.form.gender) {
					this.$u.toast('请选择学生性别')
					return
				} 
				if (this.boxValue.length === 1) {
					if (!this.boxValue[0].end || !this.boxValue[0].start || !this.boxValue[0].week) {
						console.log(this.boxValue[0], 'yyyy');
						return this.$u.toast('授课时间段不能为空')
					}
				} else {
					if (!this.boxValue[this.boxValue.length - 1].end) {
						return this.$u.toast(`请完善授课时间段`)
					}
				}

				this.form.educationOrderDateDTOList = []
				this.$u.vuex('vuex_pushDetail.boxValue', this.boxValue)
				this.boxValue.forEach(item => {
					item.weekDay = item.week,
						item.startDate = item.start + '-' + item.end
					const obj = {
						"weekDay": item.weekDay,
						'startDate': item.startDate
					}
					this.form.educationOrderDateDTOList.push(obj)
				})
				console.log(this.form.educationOrderDateDTOList);
				if (!this.form.counsellingDuration) {
					this.$u.toast('请输入辅导时长')
				} else if (!this.form.trialTimes) {
					this.$u.toast('请选择辅导次数')
				} else if (!this.form.counsellingSubject && !this.form.subjectRemark) {
					this.$u.toast('请选择辅导科目或输入其他科目')
				} else if (!this.form.linker) {
					this.$u.toast('请输入联系人')
				} else if (!this.form.linkerPhone) {
					this.$u.toast('请输入联系人电话')
				} else if (!this.form.region && this.form.teachType == 1) {
					this.$u.toast('请输入授课地点')
				} else if (!this.form.placeRemark && this.form.teachType == 1) {
					this.$u.toast('请输入地点备注')
				} else if (!this.form.salaryMax || !this.form.salaryMin) {
					this.$u.toast('请输入薪资范围')
				} else if (Number(this.form.salaryMax) < Number(this.form.salaryMin)) {
					this.$u.toast('最低时薪不得高于最高时薪')
				} else if (!this.form.studentName) {
					this.$u.toast('请输入学生姓名')
				} else if (!this.form.studyGrade) {
					this.$u.toast('请输入学生年级')
				} else if (!this.form.studySituation) {
					this.$u.toast('请输入学员情况')
				} else if (!this.form.teacherType) {
					this.$u.toast('请选择老师类别')
				} else if (this.form.teacherGender.length == 0) {
					this.$u.toast('请选择老师性别')
				} else {
					let that = this
					if(that.form.counsellingSubject){
						that.form.subjectRemark=''
					}
					console.log('33333',that.form.subjectRemark)
					uni.showModal({
						title: '请确认是否提交？',
						success: function(res) {
							if (res.confirm) {
								that.$u.api.order(that.form).then(res => {
									that.maskShow = true
								})
							}
						}
					})
				}


			},
			// checkboxGroupChange(e) {
			// 	console.log(e);
			// 	if (e.value == true) {
			// 		this.form.openRecommend = 1
			// 	} else {
			// 		this.form.openRecommend = 0
			// 	}
			// },
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f2f2f2;
	}

	.picker {
		picker-view-column {
			margin-left: 150rpx;
		}
	}

	/deep/.u-form-item--right {
		flex: inherit !important;
	}

	/deep/.u-form-item__body {
		justify-content: space-between;
	}

	.warps {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;

		.xinzi {
			padding-top: 280rpx;
			padding-bottom: 30rpx;
			background-size: contain;
			background-repeat: no-repeat;
			width: 622rpx;
			height: 820rpx;
			background-image: url('https://xiyanluo.oss-cn-beijing.aliyuncs.com/%E8%8D%94%E8%87%B4%E5%AE%B6%E6%95%99/%E9%87%91%E8%9E%8D_%E8%B4%A6%E6%88%B7%E6%94%B6%E7%9B%8A.png');
			text-align: center;

			text {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FF6A01;
			}

			// display: flex;
			// align-items: center;
			// justify-content: center;
			.btn {
				width: 437rpx;
				height: 80rpx;
				background: linear-gradient(-90deg, #FF8D5F, #FF6A55);
				border-radius: 40rpx;
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
				line-height: 80rpx;
				margin: 40rpx auto;
			}
		}


	}

	.warp {
		// padding: 0 64rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;

		.bgc {
			padding-top: 340rpx;
			text-align: center;
			width: 622rpx;
			height: 1075rpx;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('https://xiyanluo.oss-cn-beijing.aliyuncs.com/%E8%8D%94%E8%87%B4%E5%AE%B6%E6%95%99/%E5%BD%A2%E7%8A%B6%201%403x.png');

			.weight {
				p {
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					line-height: 65rpx;
				}
			}

			.back {
				margin: 60rpx auto;
				width: 450rpx;
				height: 80rpx;
				background: linear-gradient(-90deg, #FF8D5F, #FF6A55);
				border-radius: 40rpx;
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
				text-align: center;
				line-height: 80rpx;
			}
		}
	}


	/deep/.u-checkbox__icon-wrap {
		border: 1px solid #FF6B55 !important;
	}

	/deep/.u-checkbox__icon-wrap--checked {
		background-color: #FF6B55 !important;
		border-color: #FF6B55 !important;
	}

	/deep/.u-checkbox {
		width: 38rpx !important;
	}

	/* 单选按钮样式*/
	radio .wx-radio-input {
		width: 33rpx;
		height: 33rpx;
		border: 2px solid #D2D2D2;
		/* 外圈边框，默认灰色，即未选中状态*/
		border-radius: 50%;
		background: #E5E5E5;
	}

	/*单选按钮选中后内部样式*/
	radio .wx-radio-input.wx-radio-input-checked {
		border: 4rpx solid #FF6A55 !important;
		/* 外圈边框，选中状态颜色*/
		background-color: white !important;
		/* 外圈边框与内圈实心圆间的内容的颜色，不设置就默认是上面的绿色*/
	}

	.radio-text-laebl {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}

	/*单选按钮选中后内部中心*/
	radio .wx-radio-input.wx-radio-input-checked::before {
		width: 60%;
		height: 60%;
		background: #FF6A55;
		/* 内圈实心圆选中状态颜色*/
		border-radius: 50%;
		content: '';
		/* 隐藏✔️*/
		transform: translate(-50%, -50%) scale(1);
		-webkit-transform: translate(-50%, -50%) scale(1);
	}

	/deep/.u-input__textarea {
		min-height: 217rpx !important;
		background: #EEEEEE;
		border-radius: 15rpx;
		padding: 35rpx 77rpx 0 33rpx !important;
	}

	.content {
		padding: 0 30rpx 35rpx;
		width: 100%;
		overflow-x: hidden;

		h5 {
			font-size: 34rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}


		.Students {
			margin-top: 54rpx;

			.stud {
				padding: 0 30rpx;
				margin-top: 40rpx;
				height: 734rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
			}
		}

		.counselling {
			margin-top: 60rpx;

			.fudao {
				// padding: 35rpx 30rpx 0;
				padding-top: 35rpx;
				margin-top: 40rpx;
				background: #FFFFFF;
				border-radius: 20rpx;

				.subject {
					text-align: center;

					.u-tabs {
						border-bottom: 1px solid #E5E5E5;
						height: 90rpx !important;

						/deep/.u-scroll-view {
							height: 90rpx !important;
						}

						/deep/.u-tab-bar {
							width: 87rpx !important;
							height: 4rpx !important;
							background: linear-gradient(90deg, #FF8D5F, #FF6A55) !important;
							left: -22rpx !important;
							bottom: -15rpx !important;
						}
					}
				}

				.leibie {
					margin-top: 20rpx;
					padding: 0 0 0 30rpx;
					display: flex;
					align-items: center;
					flex-wrap: wrap;

					view {
						// width: 150rpx;
						height: 57rpx;
						width: calc(21% - 6rpx);
						margin-right: 55rpx;
						margin-top: 30rpx;

						&:nth-child(4) {
							margin-right: 0;
						}
					}

					.blue {

						width: 117rpx;
						height: 44rpx;
						background: #FF6A55;
						border-radius: 22rpx;
						text-align: center;
						line-height: 44rpx;
						font-size: 23rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FFFFFF;
					}

					.border {
						width: 117rpx;
						height: 44rpx;
						background: #FBEDEA;
						border-radius: 22rpx;
						text-align: center;
						line-height: 44rpx;
						font-size: 23rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #FF6A55;
					}
				}

				.time {
					padding: 0 30rpx 37rpx;
					margin-top: 75rpx;

					/deep/.u-form-item--right {
						flex: 1 !important;
					}

					/deep/.u-form-item--left__content {
						font-size: 30rpx !important;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333;
					}

					.num {
						display: flex;
						align-items: center;
						margin-bottom: 25rpx;

						text {
							margin-right: 28rpx;
							font-size: 30rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #333333;
						}

						.view {
							padding: 0 80rpx 0 27rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							width: 474rpx;
							height: 73rpx;
							background: #FFFFFF;
							border: 1px solid #DCDCDC;
							border-radius: 10rpx;

							text {
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #999999
							}
						}
					}
				}

				.hourly {
					margin-top: 54rpx;

					.shixin {
						display: flex;
						align-items: center;
						justify-content: space-between;
					}

					.range {
						margin-top: 33rpx;
						padding: 0 69rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;

						.money {
							width: 163rpx;
							height: 73rpx;
							background: #FFFFFF;
							border: 1px solid #DCDCDC;
							border-radius: 10rpx;
						}

						text {
							display: block;
							width: 16rpx;
							height: 3rpx;
							font-size: 30rpx;
							font-family: PingFang SC;
							font-weight: bold;
							color: #333333;
						}
					}
				}

				.chooseTimes {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					height: 73rpx;
					background: #FFFFFF;
					border: 1px solid #DCDCDC;
					border-radius: 10rpx;
					padding: 0 20rpx 0 28rpx;
				}


				.teaching {
					margin-top: 54rpx;

					.choose {
						// position: relative;
						margin-top: 40rpx;
						padding: 0 70rpx;

						.del {
							position: relative;
							top: -115rpx;
							left: 520rpx;
						}

						.chooseTime {
							width: 100%;
							display: flex;
							align-items: center;
							justify-content: space-between;
							height: 73rpx;
							background: #FFFFFF;
							border: 1px solid #DCDCDC;
							border-radius: 10rpx;
							padding: 0 20rpx 0 28rpx;
						}

						.stend {
							margin-top: 38rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;

							.start {
								padding: 0 10rpx 0 25rpx;
								width: 200rpx;
								height: 73rpx;
								background: #FFFFFF;
								border: 1px solid #DCDCDC;
								border-radius: 10rpx;
								display: flex;
								align-items: center;
								justify-content: space-between;
							}
						}
					}
				}
			}
		}

		.require {
			margin-top: 55rpx;

			.ask {
				padding: 0 30rpx 63rpx;
				margin-top: 40rpx;
				background: #FFFFFF;
				border-radius: 20rpx;

				/deep/.u-input__textarea {
					height: 217rpx !important;
				}
			}

		}

		.contact {
			margin-top: 50rpx;

			.call {
				padding: 0 30rpx 30rpx;
				margin-top: 40rpx;
				// height: 515rpx;
				background: #FFFFFF;
				border-radius: 20rpx;

				.address {
					padding-left: 34rpx;
					// height: 86rpx;
					background: #FFFFFF;
					border: 2rpx solid #EEEEEE;
					border-radius: 20rpx;
				}
			}
		}

		.foot {
			height: 100rpx;
			background: linear-gradient(90deg, #FF8D5F, #FF6A55);
			border-radius: 50rpx;
			text-align: center;
			line-height: 100rpx;
			margin-top: 47rpx;

			.sub {
				font-size: 34rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #FFFFFF;
			}
		}
	}
</style>